<style type="text/css">
    .content{
        font-size: 18px;
    }
    .btn1,.btn2,.btn3{
        float: left;
        margin-left: 40px;
        width: 100px;
    }
    .table1{
        margin-left: 40px;
        margin-top: 70px;
        width: 88%;
        text-align: center;
    }

    .foot-text1{
        position: relative;
        top: 10px;
        left: 30px;

    }
    .page1{
        margin-left: 250px;
        position: relative;
        top: 45px;
    }
    .modal-body input {
        width: 500px;
    }
    .modal-body select{
        width: 500px;
        height: 38px;
        border-style: none;
        border: 1px solid #ccc;
    }
    select{
        width: 120px;
        height: 34px;
        border-style: none;
        border: 1px solid #ccc;
        font-size: 14px;
    }
</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">

    <input id="year_id_hidden" type="hidden" value="1" />

    <div id="year1" class="tab-pane fade in active content" >
        <div class="btn-group btn1">
            <select id="selectgroup1">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <button type="button" class="btn btn-default btn3" id="searchid1">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast1"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast1"><ul></ul></div>
        </div>

    </div>

    <div id="year2" class="tab-pane fade content">
        <div class="btn-group btn1">
            <select id="selectgroup2">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>


        <button type="button" class="btn btn-default btn3" id="searchid2">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast2"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast2"><ul></ul></div>
        </div>
    </div>
    <div id="year3" class="tab-pane fade content">
        <div class="btn-group btn1">
            <select id="selectgroup3">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>


        <button type="button" class="btn btn-default btn3" id="searchid3">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast3"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast3"><ul></ul></div>
        </div>
    </div>

</div>